// ==========================发送请求获取用户信息=========================
//因为axios.get要进行复用，所以用函数封装起来 
function getUserInfo() {
  axios
  .get(`/my/userinfo`,
    {
      // headers是axios的固定配置
      // headers: {
      //   // Authorization：token的值，是后端指定的
      //   Authorization: localStorage.getItem(`token`),
      // }
    })
  .then(({ data: { data ,status,message} }) => {
    //判断status,message，看是否认证失败 ==>去登录界面
    // if (status === 1 && message === `身份认证失败!`) {
    //   location.href = `/login.html`
    // }
    //处理头像和昵称==>然后渲染展示至页面中
    // 名字 优先展示nickname,没有则显示username
    let name = data.nickname || data.username
    //  console.log(name)
    // console.log(data.user_pic);
    //if成立说明user_pic的值，图片头像，就显示图片头像
    if (data.user_pic) {
      $(`.avatar`).attr(`src`, data.user_pic).show()
      //文字头像隐藏
       $(`.text-avatar-box`).hide();
    } else {
      //如果没有图片头像，那就显示文字头像
      $(`.text-avatar-box`).show();//文字头像显示
      $(`.text-avatar`).text(name[0].toUpperCase());// .toUpperCase()转大写

      //图片头像  隐藏掉
       $(`.avatar`).hide();
    }
    // 处理下欢迎谁
    $(`#welcome`).text(`欢迎${name}`)
  })
}
getUserInfo()


// todo===========================退出页面============================
// 1.给退出按钮注册点击事件
const layer = layui.layer;
$(`#btnLogout`).on(`click`, function () {
  layer.confirm('您确定退出吗', { icon: 3, title: '提示' }, function (index) {
    //关闭弹窗
    layer.close(index)
    // 2.退出
    //      -清除本地存储token
    //      -跳转到login.html
    localStorage.removeItem(`token`)
    location.href = `/login.html`
  });
})